@charset "UTF-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0; }

body,
button,
input,
select,
textarea {
  font: 12px/1.5tahoma, arial, \5b8b\4f53; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%; }

address,
cite,
dfn,
em,
var {
  font-style: normal; }

code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace; }

small {
  font-size: 12px; }

ul,
ol {
  list-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

legend {
  color: #000; }

fieldset,
img {
  border: 0; }

button,
input,
select,
textarea {
  font-size: 100%; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* 我的css样式 */
/* 1px边框 */
.border-l-1px {
  position: relative; }
  .border-l-1px:before {
    content: '';
    position: absolute;
    height: 100%;
    background: #999;
    width: 1px;
    left: 0;
    right: 0;
    bottom: 0; }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
      .border-l-1px:before {
        transform: scaleX(0.7); } }
    @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
      .border-l-1px:before {
        transform: scaleX(0.5); } }
    @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
      .border-l-1px:before {
        transform: scaleX(0.3); } }

html {
  height: 100%;
  width: 100%; }

body {
  height: 100%;
  background: #f7f7f7; }

.wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  text-align: center; }
  .wrapper .input_content {
    border: none;
    outline: none;
    line-height: 0.8rem;
    font-size: 0.4rem;
    width: 6rem;
    height: 0.6rem;
    margin: 0.6rem auto;
    padding: 0.2rem 0;
    border-radius: 0.2rem;
    text-indent: 1em;
    color: #000;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    position: relative; }
    .wrapper .input_content:before {
      content: '¥';
      position: absolute;
      font-size: 30px;
      left: 10px;
      top: 20px;
      width: 0.4rem;
      height: 0.4rem;
      background: #f00; }
  .wrapper .keyboard_ctn {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6.4rem; }
    .wrapper .keyboard_ctn h3 {
      font-size: 0.2rem;
      text-align: center;
      padding: 0.12rem 0;
      font-weight: normal;
      padding-left: 0.68rem;
      color: #999;
      position: relative;
      position: relative;
      overflow: hidden; }
      .wrapper .keyboard_ctn h3:after {
        content: '';
        position: absolute;
        height: 1px;
        background: #999;
        left: 0;
        right: 0;
        bottom: 0; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
          .wrapper .keyboard_ctn h3:after {
            transform: scaleY(0.7); } }
        @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
          .wrapper .keyboard_ctn h3:after {
            transform: scaleY(0.5); } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
          .wrapper .keyboard_ctn h3:after {
            transform: scaleY(0.3); } }
      .wrapper .keyboard_ctn h3:before {
        content: '';
        position: absolute;
        height: 1px;
        background: #999;
        left: 0;
        right: 0;
        top: 0; }
        @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
          .wrapper .keyboard_ctn h3:before {
            transform: scaleY(0.7); } }
        @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
          .wrapper .keyboard_ctn h3:before {
            transform: scaleY(0.5); } }
        @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
          .wrapper .keyboard_ctn h3:before {
            transform: scaleY(0.3); } }
      .wrapper .keyboard_ctn h3 span {
        width: 18px;
        height: 10px;
        background: url("../img/down.png") no-repeat center center;
        background-size: 140%;
        float: right;
        margin-right: 0.4rem;
        margin-top: 0.08rem; }
    .wrapper .keyboard_ctn .keyboard_bd {
      width: 100%;
      margin: 0;
      display: flex;
      flex-wrap: wrap; }
      .wrapper .keyboard_ctn .keyboard_bd li {
        position: relative;
        width: 2.5rem;
        font-family: Arial;
        font-weight: 100;
        line-height: 1rem;
        font-size: 0.48rem;
        text-align: center; }
        .wrapper .keyboard_ctn .keyboard_bd li:after {
          content: '';
          position: absolute;
          height: 1px;
          background: #999;
          left: 0;
          right: 0;
          bottom: 0; }
          @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
            .wrapper .keyboard_ctn .keyboard_bd li:after {
              transform: scaleY(0.7); } }
          @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
            .wrapper .keyboard_ctn .keyboard_bd li:after {
              transform: scaleY(0.5); } }
          @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
            .wrapper .keyboard_ctn .keyboard_bd li:after {
              transform: scaleY(0.3); } }
        .wrapper .keyboard_ctn .keyboard_bd li:nth-of-type(10), .wrapper .keyboard_ctn .keyboard_bd li:nth-of-type(12) {
          background: #dadada; }
        .wrapper .keyboard_ctn .keyboard_bd li:nth-of-type(12) {
          background: #dadada url(../img/del.png) no-repeat center center;
          background-size: 0.6rem 0.6rem; }
        .wrapper .keyboard_ctn .keyboard_bd li.clicked {
          background: #dcdcdc !important;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }

/* 密码框布局css */
.veryCode_input {
  position: relative;
  left: 0;
  right: 0;
  margin: 0.6rem auto; }
  .veryCode_input table {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    right: 0;
    bottom: 0;
    margin-left: -2.6rem;
    margin-top: 1rem;
    text-align: center; }
    .veryCode_input table tr td {
      font-size: 22px !important;
      width: 42px;
      height: 38px;
      border-top: 1px solid #999;
      border-bottom: 1px solid #999;
      border-left: 1px solid #999; }
      .veryCode_input table tr td input {
        width: 42px;
        height: 38px;
        text-align: center;
        border: none;
        border-radius: 0px;
        outline: none; }
      .veryCode_input table tr td:last-child {
        border-right-width: 1px;
        border-right-color: #999;
        border-right-style: solid; }
